<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>

    <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.1/skins/default/aliplayer-min.css" />
    <script charset="utf-8" type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.8.1/aliplayer-min.js"></script>
</head>

<body>
    <div class="prism-player" id="J_prismPlayer"></div>

    <script>
        var player = new Aliplayer({
                id: "J_prismPlayer",

                width: "100%",

                autoplay: false,

                cover: "http://liveroom-img.oss-cn-qingdao.aliyuncs.com/logo.png",

                //播放配置
                //根据视频地址进行播放
                //播放方式一：支持播放地址播放,此播放优先级最高，此种方式不能播放加密视频
                source: "https://outin-4a9857e0ce0c11ec83b500163e1c94a4.oss-cn-shanghai.aliyuncs.com/sv/3da55eaf-1809ec75c99/3da55eaf-1809ec75c99.mp4?Expires=1651934965&OSSAccessKeyId=LTAIrkwb21KyGjJl&Signature=YJvoNz7ch1WqllrFIaBYeXCFIX0%3D",
            },
            function(player) {
                console.log("播放器创建好了。");
            }
        );
    </script>
</body>

</html>